/*******************************************************************************
 *  
 *   Hoja de estilo a aplicar sobre el site. Contiene la definicion
 *   de los ID y CLASES creados especificamente. Tambien se sobrescriben
 *   algunos ID y CLASES genericos                                            
 *******************************************************************************/

@import url("http://fonts.googleapis.com/css?family=Playfair+Display|Vollkorn");
/*        font-family: 'Playfair Display', serif;       */
/* normalize.css  --> contiene definicion de los hgroup */

h1,h2,h3,h4,h5,h6{
  font-family: 'Playfair Display','Vollkorn', serif;
}


/*******************************************************************************
 *                        Etiquetas generales                                  *
 *******************************************************************************/
*{
  margin: 0px;
  
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
html{ text-align: justify; padding-bottom: 10px; }
.block{ margin-bottom: 0px; }
a{ text-decoration: none; }
#content .form-item,#content .links {
  /*display:none;*/
}
#content { 
  position: relative; 
  height: 460px;
  overflow-y: auto;
  background: url();
}
/* para hacer que los elementos de noticia*/
#page #main #content .view-mode-full{
  width: 100%;
  position: inherit;
} 

/******     Definimos un estilo comun para los formularios    ******/

form .form-item,form .form-actions {
  margin-bottom: 0px;
/*    margin-top: 1em;*/
}
form input[type],
form textarea{
  border: 1px inset black;
  border: 1px outset;
  border-radius: 5px;
  padding-left: 4px;
}
form input[type=submit]{            /* Las especificaciones !important se */
  border: 1px outset;               /* añaden para sobrescribir los valores */
  border-radius: 5px;               /* de todos los formularios */
  padding: 0 6px !important;
}
form input[type=submit]:hover{
  padding: 0 5px 0 7px !important; 
  border: 1px inset !important; 
}


/*******************************************************************************
 *                           Bloque de header                                  *
 *******************************************************************************/

/*    ==============  SearchBlock  ==============    */
#block-search-form {
  /*float: right;
  text-align: right;*/
  margin-top: 5px;
  margin-bottom: 0;
  width: 240px;
  
}
#block-search-form form input[type=text]{ }
#block-search-form form input[type=submit]{ }
#block-search-form form input[type=submit]:hover{ }
#block-search-form #edit-actions{ padding-top: 0px;}


/*    ==============  LanguageBlock  ==============    */
#block-locale-language {
  padding-bottom: 0px;
  float: right;  
  clear: both;
  margin: 5px 10px 0px 0px;
}
#block-locale-language ul li {
  display: inline-block;
  font-size: 80%;
  list-style: none outside none;
}
#block-locale-language ul li.first:after {
  content: " |";
  color: black;
  font-weight: bold;
}

.language-switcher-locale-url a{
  color: #ba9f8a !important;  /*marron claro*/
}
.language-switcher-locale-url a.active{
  border-bottom: 1px inset;
  color: #2b211a !important;  /*marron oscuro*/
  color: #e96701 !important;  /*naranja oscuro*/
  
  /*color: #b35a4d !important;  /*marron-red oscuro*/
  font-style: normal;
}
#block-locale-language ul li a:hover{  
  color: rgba(233,103,1,0.6) !important;  /*naranja oscuro alpha*/
  /*color: rgba(179,90,77,0.6) !important;  /*marron-red oscuro alpha*/
}
#block-locale-language ul li a:visited,
#block-locale-language ul li a:active{
  color: inherit;
}

/*    ==============  LogoWrapper  ==============    */
#block-block-1 {
  width: 780px; 
  float: left;
  margin: 2px 0;
}
#logoWrapper {
  width: 780px;
  color: #ba9f8a;
}
#logoWrapper p{
  text-indent: 0;
  font-size: 14px;
  margin: 0px;
}
#logoWrapper p:first-letter{
  font-size: 14px;
  text-transform: none;
}

#logoWrapper p:first-child,
#logoWrapper p:last-child{
  margin-bottom: 10px;
}
#logoWrapper p:nth-child(n+2),
#logoWrapper p strong{
  color: #895129;
  font-weight: bold;
}


/*    ==============  LogoAsideWrapper  ==============    */
#block-block-3{
  margin-left: 800px;
  position: relative;
}
#logoAsideWrapper {
  /*background: black;*/
  position: absolute;
  height: 110px;
  width: 204px;
  color: #895129;
  text-align: right;
  z-index:100;
}
#logoAsideWrapper p{
  font-size: 13px;
  font-weight: bold;
  text-indent: 0;
  text-align: right;
  margin-bottom: -2px;
  vertical-align: top;
}
#logoAsideWrapper p:first-letter{
  text-transform: none;
  font-size: 13px;
}

/* --------- Bloque pertinente a los links principales --------- */
#logoAsideWrapper ul{
}
#logoAsideWrapper ul li{
  z-index: 10;
}
#logoAsideWrapper ul li a img{
  margin-bottom: -1px;
}

/*******************************************************************************
 *                           Bloque de navegacion                              *
 *******************************************************************************/
#main{
}
#navigation {
  margin-top: 3px;
  padding-top: 3px;
  width: 830px !important;
}
#navigation ul li a{
  padding: 4px 6px;
  margin: 0 1px;
  color: #ba9f8a;
  
  vertical-align: middle;
  font-size: 14px;
  text-transform: uppercase;
  
  border: 1px solid rgba(255,255,255,1);
}
#navigation ul li a:hover{
  color: #B76C02;
  color: #e96701;  /* naranja oscuro*/
  /*color: #b35a4d;  /* marron-red oscuro*/
  
  border-bottom: 1px solid;
  border-bottom-color: #e96701;
}
#navigation ul li a.active {
  color: #B76C02;
  color: #ae8e75;
  
  color: #e96701;  /* naranja oscuro*/
  /*color: #b35a4d;  /* marron-red oscuro*/
  font-weight: 600;
  /*padding: 4px 5px 4px 5px;*/
}


/*******************************************************************************
 *                           Bloque de contenido                               *
 *******************************************************************************/
#first-time, #page-title{
  display: none;
}
#mainPageContentWrapper{
  /*position: absolute;*/
}
#mainPageContentWrapper img{
/*  height: 600px;*/
  width: 1010px;
}
.contentWrapper{
  /* Bloque envoltorio del contenido de las distintas paginas */
}
 
 
 
/*******************************************************************************
 *                          Noticias relevantes                                *
 *******************************************************************************/

/* Definimos el formato del contenedor pop-up   */
.relevantPopup{
  max-width: 220px;
  height: auto;
  position: absolute;
  
  border: 1px outset black;
  border-radius: 5px;
  
  font-size: 85%;
  padding: 2px;
  background: rgba(129, 104, 69,0.9);
  box-shadow: 0 5px 10px 2px rgba(0,0,0,0.5);
  
  overflow:hidden; 
}
.relevantPopup p{
  text-indent: 0px;
}
.relevantPopup p:first:letter{
  
}

.relevantPopup h2{
  margin-bottom: 6px;
}
.relevantPopup h2 a{
  color: inherit;
}
.relevantPopup h2:first-letter{
  text-transform: capitalize;
}
.relevantPopup div{
  line-height: 1.15em;
}


/* Estas son las noticias que van en la pagina principal                      */
.node-noticia-relevante p{
  text-indent: 0px;
}
.node-noticia-relevante header,
.node-noticia-relevante div,
.node-noticia-relevante ul{
  display: none;
}
.node-noticia-relevante{
  position: absolute;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.node-noticia-relevante:nth-of-type(1){
  background: white;
  top: 10px;
  left: 20px;
}
.node-noticia-relevante:nth-of-type(2){
  background: red;
  top: 200px;
  left: 400px;
}
.node-noticia-relevante:nth-of-type(3){
  background: green;
  top: 60px;
  left: 900px;
}
.node-noticia-relevante:nth-of-type(4){
  background: yellow;
  top: 350px;
  left: 130px;
}
.node-noticia-relevante:nth-of-type(5){
  background: violet;
  top: 450px;
  left: 650px; 
}

/*----------------------------------------------------------------------------*/
.node-noticia-relevante:nth-of-type(6){
  background: red;
  top: 200px;
  left: 400px;
}
.node-noticia-relevante:nth-of-type(7){
  background: red;
  top: 200px;
  left: 400px;
}
.node-noticia-relevante:nth-of-type(8){
  background: red;
  top: 200px;
  left: 400px;
}
.node-noticia-relevante:nth-of-type(9){
  background: red;
  top: 200px;
  left: 400px;
}
.node-noticia-relevante:nth-of-type(10){
  background: red;
  top: 200px;
  left: 400px;
}

.node-noticia-relevante #hiddenNew{
  /*display: none;*/
}



/*******************************************************************************
 *                       Etiquetas especificas                                 *
 *******************************************************************************/
